<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="StyleSheet" href="../css/productcard.css" type="text/css"
        media="screen"/>
</head>
<body>

   <div th:replace="common/top">
   </div>


   <div id="Catalog">
     <!--session改为session-->
     <h2 th:text="${session.category?.name}">${sessionScope.category.name}</h2>
     <div class="product_card_groups">
       <div class="product_card_group">


           <!-- rrrrrrrrrrrrrrrrr-->
           <!--c:foreach要改-->
         <!--c:foreach要改
         <c:forEach var="product" items="${session.productList}">
           <div class="product_card">
             <div id="product">
               <div>
                 <img id="pic" src="${product.description}"/>
               </div>
               <div class="product_card_content">
                 <h4><a href="productForm?productId=${product.productId}">${product.name}</a></h4>
                 <div class="item_card_description">
                   ${product.productId}
                 </div>
               </div>

             </div>
           </div>
         </c:forEach>-->

         <div class="product_card" th:each="product:${session.productList}">
             <div id="product">
                 <div>
                     <img id="pic" th:src="${product.description}"/>
                 </div>
                 <div class="product_card_content">
                     <h4><a th:href="@{productForm(productId=${product.productId})}" th:text="${product.name}">${product.name}</a></h4>
                     <div class="item_card_description" th:text="${product.productId}">
                         ${product.productId}
                     </div>
                 </div>

             </div>


         </div>





       </div>
     </div>

   </div>



   <div th:replace="common/bottom">
   </div>


</body>
</html>